<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:body>

        <ui:composition template="./EmpresaTemplate.xhtml">
            <ui:define name="top"></ui:define>
            <ui:define name="left"></ui:define>

            <ui:define name="content">                

                <p:messages id="msgs" showDetail="true" /> <br></br> 

                <h1>Mis Vacantes</h1>
                <h:form id="form">                  
                    <p:panel header="Crear una nueva Vacante">
                        <h:panelGrid columns="3" id="grid"  >
                            <h:outputLabel value="Titulo: *" for="txt_title"></h:outputLabel>
                            <p:inputText id="txt_tit" 
                                         value="#{empresaActionListener.vacante.titulo}" required="true"
                                         requiredMessage="El titulo es obligatorio" size="50"/>
                            <p:message for="txt_tit" display="text" />

                            <h:outputLabel value="Descripción: *" for="txt_desc"></h:outputLabel>
                            <p:inputTextarea style="width:350px;height:40px;" id="txt_desc" 
                                             value="#{empresaActionListener.vacante.descripcion}" required="true"
                                             requiredMessage="La descripción es obligatoria"  />
                            <p:message for="txt_desc" display="text" />

                            <h:outputLabel value="Funciones: *" for="txt_func"></h:outputLabel>
                            <p:inputTextarea style="width:350px;height:40px;" id="txt_func"  required="true" 
                                             value="#{empresaActionListener.vacante.funciones}" 
                                             requiredMessage="Las funciones son obligatorias"/>
                            <p:message for="txt_func" display="text" />

                            <h:outputLabel value="Profesionales Buscados: *" for="txt_profb"></h:outputLabel>
                            <p:inputTextarea style="width:350px;height:40px;" id="txt_profb" 
                                             value="#{empresaActionListener.vacante.profBuscados}" required="true"
                                             requiredMessage="Los profesionales buscados son obligatorios"/>
                            <p:message for="txt_profb" display="text" />

                            <h:outputLabel value="Requisitos: *" for="txt_req"></h:outputLabel>
                            <p:inputTextarea style="width:350px;height:40px;" id="txt_req" 
                                             value="#{empresaActionListener.vacante.requisitos}" required="true"
                                             requiredMessage="Los prerequisitos son obligatorio"/>
                            <p:message for="txt_req" display="text" />

                            <h:outputLabel value="Ofrecen: *" for="txt_ofr"></h:outputLabel>
                            <p:inputText id="txt_ofr" 
                                         value="#{empresaActionListener.vacante.ofrecen}" required="true"
                                         requiredMessage="Lo que ofrecen es obligatorio" size="50"/>                                                        
                            <p:message for="txt_ofr" display="text" />

                            <h:outputLabel value="Información: *" for="txt_inf"></h:outputLabel>
                            <p:inputText id="txt_inf" 
                                         value="#{empresaActionListener.vacante.informacion}" required="true"
                                         requiredMessage="La información es obligatoria" size="50"/>
                            <p:message for="txt_inf" display="text" />

                            <h:outputLabel value="Nombre completo del contacto: *" for="txt_ncto"></h:outputLabel>
                            <p:inputText id="txt_ncto" 
                                         value="#{empresaActionListener.vacante.nombreContacto}" required="true"
                                         requiredMessage="El nombre del contacto es obligatorio" size="50"/>
                            <p:message for="txt_ncto" display="text" />

                            <h:outputLabel value="Correo del contacto: *" for="txt_ccto"></h:outputLabel>
                            <p:inputText id="txt_ccto" 
                                         value="#{empresaActionListener.vacante.correoContacto}" required="true"
                                         requiredMessage="El correo del contacto es obligatorio" size="50"/>
                            <p:message for="txt_ccto" display="text" />

                            <h:outputLabel value="Telefono del contacto:" for="txt_ctel"></h:outputLabel>
                            <p:inputText id="txt_ctel" 
                                         value="#{empresaActionListener.vacante.telefono}" size="50" />
                            <div></div>


                            <h:outputLabel value="Beca:" for="txt_beca"></h:outputLabel>                            
                            <h:selectOneMenu  value="#{empresaActionListener.vacante.beca}">   
                                <f:selectItem itemValue="Si" itemLabel="Si"/> 
                                <f:selectItem itemValue="No" itemLabel="No" /> 
                            </h:selectOneMenu> <div></div>

                            <h:outputLabel value="Practicas profesionales:" for="txt_pracp"></h:outputLabel>                            
                            <h:selectOneMenu  value="#{empresaActionListener.vacante.pracProf}">   
                                <f:selectItem itemValue="Si" itemLabel="Si"/> 
                                <f:selectItem itemValue="No" itemLabel="No" /> 
                            </h:selectOneMenu> 

                            <br></br>
                            <br></br>

                            <h:outputLabel value="Centra el mapa en el lugar de trabajo, luego da click enmedio del mismo."></h:outputLabel>  

                            <h:outputLabel value=" "></h:outputLabel>

                            <br></br>
                            <br></br>

                            <f:view contentType="text/html">


                                <br></br>

                                <p:gmap center="#{empresaActionListener.vacante.latitud}, #{empresaActionListener.vacante.longitud}" zoom="15" 
                                        type="ROADMAP" style="width:600px;height:400px"  widgetVar="map"
                                        mapTypeControl="true" navigationControl="true" 
                                        streetView="false" onPointClick="handlePointClick(event);"
                                        model="#{empresaActionListener.vacante.emptyModel}" 
                                        overlaySelectListener="#{empresaActionListener.vacante.emptyModel}"
                                        >

                                    <!--
                                    <p:ajax event="stateChange" listener="#{mapBean.onStateChange}" update="messages" />
                                    <p:ajax event="pointSelect" listener="#{mapBean.onPointSelect}" update="messages" />
                                    -->
                                </p:gmap>

                                <!--<h:inputHidden id="lat" value="#{mapBean.latitud}" />-->
                                <!--<h:inputHidden id="lng" value="#{mapBean.longitud}" />-->

                            </f:view>
                        </h:panelGrid>
                        <br></br>       


                        <p:commandButton value="Aceptar" action="#{empresaActionListener.crearVacante}" oncomplete="exitoDialogo.show()" ajax="false"/>

                        <p:messages id="msgs" showDetail="true" /> <br></br> 

                        <p:dialog widgetVar="dlg" visible="false" header="Confirmación de:">                                                    
                            <h:panelGrid columns="2">

                                <h:outputLabel for="title" value="Lugar de Trabajo para la Vacante" />                                  

                                <f:facet name="footer">
                                    <p:commandButton value="Aceptar" 
                                                     update="msgs" 
                                                     oncomplete="markerAddComplete()"/>
                                    <p:commandButton value="Cancelar" onclick="return cancel()"/>
                                </f:facet>
                            </h:panelGrid>

                            <h:inputHidden id="lat" value="#{empresaActionListener.vacante.latitud}" />
                            <h:inputHidden id="lng" value="#{empresaActionListener.vacante.longitud}" />                                                    
                        </p:dialog>
                    </p:panel>

                </h:form>



                <p:ajaxStatus style="width:16px;height:16px;">
                    <f:facet name="start">
                        <h:graphicImage value="../images/ajaxloading.gif" />
                    </f:facet>

                    <f:facet name="complete">
                        <h:outputText value="" />
                    </f:facet>
                </p:ajaxStatus>

            </ui:define>

            <ui:define name="bottom"></ui:define>
        </ui:composition>


    </h:body>
</html>
